import React from 'react'
import {NavBar} from 'antd-mobile'
import {useNavigate} from 'react-router-dom'
import './index.css'
const Index:React.FC = () => {
const navigate=useNavigate()
    const back=()=>{
      navigate(-1)
    }
  return (
    <div className='zbox'>
        <NavBar
         onBack={back}
        >
            专科频道
        </NavBar>
      <div>
        <h2>特色专科</h2>
        <div className='heads'>
            <img src="../../../public/image/图片1.png" alt="" />
            <img src="../../../public/image/图片2.png" alt="" />
            <img src="../../../public/image/图片3.png" alt="" />
        </div>
        <h2>常见科室</h2>
           <div className='smalltu'>
              <img src="../../../public/image/图片4.png" alt="" />
              <img src="../../../public/image/图片5.png" alt="" />
              <img src="../../../public/image/图片6.png" alt="" />
              <img src="../../../public/image/图片7.png" alt="" />
              <img src="../../../public/image/图片8.png" alt="" />
              <img src="../../../public/image/图片9.png" alt="" />
              <img src="../../../public/image/图片10.png" alt="" />
              <img src="../../../public/image/图片11.png" alt="" />
              <img src="../../../public/image/图片12.png" alt="" />
              <img src="../../../public/image/图片13.png" alt="" />
              <img src="../../../public/image/图片14.png" alt="" />
              <img src="../../../public/image/图片15.png" alt="" />
           </div>
           <div className='else'>
              <img src="../../../public/image/图片16.png" alt="" />
              <img src="../../../public/image/图片17.png" alt="" />
              <img src="../../../public/image/图片18.png" alt="" />
           </div>

      </div>
    </div>
  )
}

export default Index
